<template>
  <div>
    <!-- 
      过滤器的使用：在插值语法中，在数据后添加一个管道符，后边书写过滤器
       - 过滤器传不传参都可以
       - 插值语法中有过滤器，则在插值语法中展示的是过滤器函数的返回值
     -->
     <!-- 局部过滤器 -->
    <p>商品1的价格是{{ price | priceFormat(2) }}</p>

    <!-- 全局过滤器 -->
    <p>{{1000000 | formatDate('YYYY年 MM月DD日 HH点mm分ss秒')}}</p>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      price: 100,
    };
  },
  // 局部注册过滤器，通过filters配置项定义
  filters: {
    //  第一个参数 是被过滤的数据
    //  第二个 是调用过滤器传递的参数
    priceFormat(data, num) {
      return data.toFixed(num);
    },
  },
};
</script>

<style>
</style>